<template>
    <!-- 单选框 -->
    <el-radio
        v-bind="$attrs"
        v-on="$listeners"
    ><slot></slot></el-radio>
</template>
    
<script>
export default {
    components:{
    },
    props:{

    }

}
</script>
<style scoped>
    /* 单选框容器样式 */
    ::v-deep .el-radio__inner{
        width: var( --radio-height);
        height: var( --radio-width);
    }
    /* 选中单选框样式 */
    ::v-deep .el-radio__input.is-checked .el-radio__inner {
        border-color:  var(--radio-bgc-color-selected);
        background: #FFF ;
    }
    /* 单选框标签样式 */
    ::v-deep .el-radio__label{
        padding-left: 10px;
    }
    ::v-deep .el-radio__inner::after{
        width: 8px;
        height: 8px;
        background-color: var(--radio-bgc-color-selected);
    }
</style>